<!DOCTYPE html>
<html>
	<head>
		<!--
        	作者：906607363@qq.com肖静怡
        	时间：2018-10-25
        	描述：
        -->
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" media="all" />
	</head>
	<style type="text/css">
		th{
			background-color:gainsboro;
		}
		
	</style>
	<body>
		<blockquote class="site-text layui-elem-quote">
			<h3>角色列表管理</h3>
		</blockquote>

		<div class="layui-row">
			<div class="layui-col-md5">
			<button class="layui-btn addUser">添加信息</button>
			<button class="layui-btn layui-btn-danger batchDelete">批量删除</button>
			</div>
			
			<div class="layui-col-md7">
			<div class="layui-form-item">
					<label class="layui-form-label">*角色名称</label>
					<div class="layui-input-inline">
						<input type="text"  id="name" name="role.memo"  placeholder="请输入角色名称" autocomplete="off" class="layui-input">
					</div>
					<button class="layui-btn layui-btn-sm search">搜索</button>
				</div>
			</div>
			<hr>
			</div>
			
			  <div class="layui-row">
			  	<form class="layui-form" action="#">
			    <table class="layui-table">
			  		 <colgroup>
   						 <col width="150">
    					 <col width="200">
  						  <col>
 					</colgroup>
 					<thead>
 					<tr>
			  			<th><input type="checkbox" class="parentCheckBox" lay-filter="parentCheckBox" name="" lay-skin="primary"></th>
						<th>角色名称</th>
						<th>角色描述</th>
						<th>更新人</th>
						<th>更新时间</th>
						<th>操作</th>
					</tr>
 					</thead>
 					<tbody class="table_tbody">
			  		
					</tbody>
			  	</table>
			  	<div id="table_page"> 
			  	 </div>
			  	</form>
			   </div>
		</div>
		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../base/plugins/layui/layui.js"></script>
		<script src="../../../index/js/baseUtil.js"></script>
		<script src="js/role.js"></script>
	</body>
</html>
